<template>
  <div class="home-container">
   <div class="warpper">
      <h1 class="home_title">vite2 VUE3 H5开发模板</h1>
      <h2 class="home_desc">A vue h5 template with Vant UI</h2>
   </div>
   <!--列表数据 -->
   <van-cell icon="success" v-for="item in list" :key="item" :title="item"></van-cell>
  </div>
</template>

<script setup lang="ts">
  const list = [
			'create-vue',
			'vite 2 + vue 3.2',
			'配置 ip 访问项目',
			'配置多环境变量',
			'配置 alias 别名',
			'Sass 全局样式',
			'Vue-router',
			'Pinia 状态管理',
			'使用 Mock 数据',
			'配置 proxy 跨域',
			'静态资源使用',
			'Axios 封装及接口管理',
			'vue-request 管理接口',
			'VantUI 组件按需加载',
			'viewport 适配方案',
			'适配苹果距离底部距离',
			'动态设置 title',
			'配置 Jssdk',
			'vconsole 移动端调试',
			'本地存储 storage 封装',
			'Eslint+Pettier 统一开发规范',
			'husky + lint-staged 提交校验'
		]
</script>

<style lang="scss" scoped>
.home-container {
  height: 100%;
  .warpper {
    padding: 12px;
    .home_title {
      margin: 0 0 6px;
			font-size: 16px;
    }
    .home_desc {
      margin-top: 10px;
			color: rgba(69, 90, 100, 0.6);
			font-size: 14px;
    }
  }
}
</style>